Removes a column or columns from the grid.

<div class="definition">
    removeColumn(field, [field], ...)
</div>

<div class="arguments">
    <table>
    <tr>
        <td>field</td>
        <td><b>string</b>,  field name of the column</td>
    </tr>
    </table>
</div>
Returns integer.

<h4>Description</h4>

Removes a column or columns from the <a class="property" href="w2grid.columns">.columns</a> array. The column is identified by the
<span class="argument">.field</span> property, which is a required property for each column object. The method returns the number of columns it removes.
<div style="height: 10px"></div>

If you have following grid:
<textarea class="javascript">
let grid = new w2grid({
    name    : 'grid',
    columns: [
        { field: 'recid', text: 'ID', size: '50px' },
        { field: 'lname', text: 'Last Name', size: '30%' },
        { field: 'fname', text: 'First Name', size: '30%' },
        { field: 'email', text: 'Email', size: '40%' },
        { field: 'sdate', text: 'End Date', size: '120px' }
    ],
    records: [
        { recid: 1, fname: 'John', lname: 'doe', email: 'vitali@gmail.com', sdate: '1/3/2012' },
        { recid: 2, fname: 'Stuart', lname: 'Motzart', email: 'jdoe@gmail.com', sdate: '2/4/2012' }
    ],
    searches: [
        { field: 'recid', label: 'ID', type: 'int' },
        { field: 'fname', label: 'First Name', type: 'text' },
        { field: 'lname', label: 'Last Name', type: 'text' }
    ]
});
</textarea>

You can remove columns by:
<textarea class="javascript">
grid.removeColumn('recid', 'fname');
</textarea>
